﻿@import "base";

@import url(/pages/home/home.css);

#listView {
    height: 100%;
    position: relative;
    width: 100%;
    z-index: 0;
    margin-bottom: 60px;
    margin-right: 115px;
    -ms-grid-row: 2;
}
/*groupHeaderTitleHover:hover, #groupHeaderTitleChevron:hover {
    color: #E07821;
}*/
#groupHeaderContainer {
    color:$headerColor; 
}
#groupHeaderContainer:hover {
    color:$active_color; 
}
#groupHeaderTag {
    width: auto;
}
.pagetitelChevron {
    margin-left: -5px;
    vertical-align: 11px;
    font-family: 'Segoe UI Symbol';
    font-size: 20pt;
}
groupDetail .chevron {
    -ms-grid-column: 3;
    display: inline-block;
    font-size: 20pt;
    font-weight: lighter;
}

.groupDetail .chevron::before {
    /*content: "\E26B";*/
    font-family: 'Segoe UI Symbol';
}


#errorDiv {
    color: $headerColor;
    padding-left: 120px;
    top: 140px;
}

groupDetail .win-groups.win-listview > .win-horizontal .win-surface {
   margin-left: 45px;
   margin-right: 115px;
}
.groupDetail .win-surface {
   margin-bottom: 35px;
   margin-left: 120px;
   margin-right: 120px;
   margin-top: 12px;
}
.menuSeperator {
    font-family: "Segoe UI";
}
.activeMenuItem {
    /*color: rgb(10,77,153);*/
    color:$flyoutText;
    font-weight:bold;
}
.win-flyout button {
    font-family: "Segoe UI";
    font-size: 11pt;
    font-weight: lighter;
}
#headerMenu {
    background-color: $flyoutBackground;
    border-color:$flyoutBorder;
    padding-left: 0px;
    width: $flyoutWidth;
    max-height: $flyoutHeight;
}

#headerMenu button:hover, #headerMenu button:active {
    background-color: $bg_color;
    color:$flyoutText !important;
    font-weight: bolder;
}
#headerMenu button {
    width: 100%;
    color:$flyoutText;
    text-transform: uppercase;
    font-size: 11pt;
    font-family: "Segoe UI";
    font-weight: lighter;
}

.menuSeperator {
    height: 1px;
    width: $flyoutSeperatorWidth;
    background-color: $flyoutText;
}

.groupDetail .win-flyout {
    margin-top: -8px;
}

@media screen and (-ms-view-state: snapped) {
    #errorDiv {
        padding-left: 20px;
        top: 140px;
    }
    .pagetitelChevron {
        /*display:block;*/
        font-size:11pt;
        margin-left: -3px;
        vertical-align:5px;
    }

    .groupDetail #groupHeaderTag  {
        margin-top: 65px;
        
    }
    .groupDetail .titlearea .pagetitle {
        height:35px;
    }
    /*.groupDetail .win-surface {
        margin-top:2px;
    }*/
    .groupDetail .win-viewport.win-vertical .win-surface {
   margin-bottom: 30px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 2px;
   width: 280px;
}
}